<style type="text/css" media="all">
	.commonList{
	}
	.commonListImg{
		display: table-cell;
	}
	.commonImginfo{
		width:15px;
		height: 15px;
		padding-right: 5px;
		vertical-align: middle;
		/*background-color: red;*/
	}
	.commonImginfo2{
		width:15px;
		height: 15px;
		padding-right: 1px;
		vertical-align: top;
		/*background-color: red;*/
	}
	.commonContent{
		display: table-cell;
		padding-left:5px;
		vertical-align: middle;
	}
	.commonList .commonListTit{
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.commonList .commonListInfo>div{
		float: left;
		padding-right: 10px;
	}
	.commonListissuer,.common-userStyle,.common-blogTit{
		color:blue;
	}
	.common-userRoprtInfo>div{
		display: inline
	}
	.down-list{
		border: 8px solid transparent;
		display: inline-block;
		z-index: 2000;
	}
	.down-list-down{
		border-top: 8px solid white;
		position: relative;
		top:5px;
	}
	.down-list-up{
		border-bottom: 8px solid white;
		position: relative;
		bottom: 3px;
	}
/*---------------------------------------------footer------------------------------*/
footer.bar-tab li.active{
	color: white !important;
}
.tab-item.active{
	box-shadow:  0 0 0px rgba(0,0,0,0);
}
.tab-item:active{
	box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}
.footerImgCenter{
	position: relative;
	top:2px;
}
</style>

<script id="myCommentBlogTemplate" type="text/x-underscore-template">
	<div class="newsList"  data-id=<%=id%> data-id=<%=id%>>

	<div class="newsContent">
		<div class="newsListTit h5" style="color:black">
		<div class="newsimg">	

		<%var img=function(type){if (type=="1") {return "../base/img/widget_original_icon.ing"}
		else{return "../base/img/widget_repaste_icon.ing"};}%>
		<img src=<%=img(type)%> alt="" class="newsListImginfo"/> 


			</div><%=title%></div>
		<div class="newsListInfo h6">
				<div class="newsListissuer"><%=author%></div>
				<div><%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
				<div><img src="../base/img/widget_comment_count_icon.ing" alt="" class="newsListImginfo2"> 
				<%=commentCount%>
			</div>
		</div>
	</div>
</div>
</script>

<!-- header -->
<header class="bar-title">
	<div class="left-banner">
		<span class="backBtn icon-reply imgsize"></span>
	</div>
	<h1 class="title"><span class="common-user"></span> <div class="down-list down-list-down"></div></h1>

	<div class="right-banner">
		<span class="refreshBtn icon-repeat imgsize"></span>
	</div>

</header>


<nav class="nav-menu bar-standard bar-header-secondary">
<ul id="io" class="segmented-controller">
	<li data-value="common/common-seeUser">
		<a href="#">动态</a>
	</li>
	<li class="active"  data-value="common/common-seeUserBlog">
		<a href="#">博客</a>
	</li>

</ul>
</nav>
<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary">
</nav>

-->

<!-- content -->
<div class="content">

<div class="commonList">
	<list id="my-commentBlog-list" 
    autoLoad="false"
    isPullDownRefresh="true"  
    jsonRoot="projectlist"
    bundle="fs"
    paging="true"
    iScroll="true"
    _itemTemplate="myCommentBlogTemplate"></list>
</div>

</div>

<footer class="bar-tab ">
<ul class="tab-inner">
	<li class="tab-item relationLogin">
		<span class="icon-gift icon-2x footerImgCenter"></span>
		<span class="relation">加关注</span>
	</li>
	<li  class="tab-item message">
		<span class="icon-envelope icon-2x footerImgCenter"></span>
		留言
	</li>
	<li class="tab-item tweet">
		<span class="icon-2x footerImgCenter">@</span>
		提到Ta
	</li>

</ul>
</footer>
